
[#include "single/layout/layout02/layout.ftl"/]
[@htmlHead]
<link href="${jpath}/assets/public/plugins/treeTable/themes/vsStyle/treeTable.css" rel="stylesheet" type="text/css"/>
[/@htmlHead]

[@htmlBody]


<div class="row">
    <div class="col-xs-12">
        <ul class="nav nav-tabs ">
            <li class="active">
                <a href="javascript:void(0)">
                    地区列表
                </a>
            </li>
        </ul>
    </div>
</div>
<div class="row ">
    <form class="form-horizontal "  id="search-form">
        <div class="form-group ">

            <label class="col-xs-12 col-sm-1 control-label">名称：</label>

            <div class="col-xs-4 col-sm-2">
                <input type="text" name="name" class="form-control ">
            </div>


            <label class="col-xs-12 col-sm-1 control-label">状态：</label>

            <div class="col-xs-4 col-sm-2">
                <select name="isEnabled" class="form-control ">
                    <option value=""></option>
                    [#if statusItems?exists]
                        [#list statusItems as item]
                            <option value="${item.key}">${item.value}</option>
                        [/#list]
                    [/#if]
                </select>

            </div>

            <div class="col-xs-12 col-sm-2">
                <button class=" btn btn-info btn-sm btn-sm " type="button" onclick="doSearch()"><i class="ice-icon fa fa-search"></i>查找
                </button>
            </div>
        </div>
    </form>
</div>



<div class="row">
    <div class="col-xs-12 mrg-b-md">
        <div id="indexAlert" class="hide" style="min-width:400px"></div>
       [#-- [@shiro.hasPermission  name="area:add"]--]
          <button class="btn btn-primary  btn-sm" onclick="doAdd(0)"><i class="ice-icon fa fa-plus  white"></i>增加</button>
       [#-- [/@shiro.hasPermission]--]
    </div>
</div>
<div class="row">
    <div class="col-xs-12">
        <table id="treeTable" class="table table-striped table-bordered table-hover"></table>
    </div>
</div>


[/@htmlBody]

[@htmlFoot]
<script type="text/javascript" src="${jpath}/assets/public/plugins/dialog/bootbox.js"></script>
<script type="text/javascript" src="${jpath}/assets/public/plugins/treeTable/jquery.treeTable.js"></script>
<script type="text/javascript" src="${base}/plugins/single/js/module/area/area.js"></script>
<script type="text/javascript">
    var treetable;
    $(function(){
        init();
    })
</script>
[/@htmlFoot]
